<!DOCTYPE html>
<html lang="en" class="no-js">
<!-- HEAD -->
<head>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>{dede:global.cfg_webname/}</title>
<meta name="description" content="{dede:global.cfg_description/}" />
<meta name="keywords" content="{dede:global.cfg_keywords/}" />
<meta name="author" content="by www.dede58.com">

<!-- Mobile Metas -->
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">

<!-- GLOBAL MANDATORY STYLES -->

<link href="/dede58/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/et-line/et-line.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/landing.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->

<!-- BEGIN THEME PLUGINS STYLE -->
<link href="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/animate.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/magnific-popup/magnific-popup.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/dzsparallaxer/dzsparallaxer.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/cubeportfolio/css/cubeportfolio.min.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/owl-carousel//dede58/owl.carousel.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/plugins/rev-slider/css/settings.css" rel="stylesheet" type="text/css">
<link href="/dede58/plugins/rev-slider/css/layers.css" rel="stylesheet" type="text/css">
<link href="/dede58/plugins/rev-slider/css/navigation.css" rel="stylesheet" type="text/css">
<!-- END THEME PLUGINS STYLE -->

<!-- THEME STYLES -->
<link href="http://p022ygu5e.bkt.clouddn.com/css/global.css" rel="stylesheet" type="text/css"/>
<!-- END THEME STYLES -->

<!-- THEME -->
<link href="/dede58/css/theme/dark.css" rel="stylesheet" type="text/css"/>
<link href="/dede58/css/theme/base.css" rel="stylesheet" type="text/css" id="style-color"/>
<!-- END THEME -->

<!-- BEGIN JQUERY -->
<script type="text/javascript" src="/dede58/plugins/jquery.min.js"></script>
<!-- END JQUERY -->
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/jquery.themepunch.tools.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/jquery.themepunch.revolution.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.actions.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.carousel.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.kenburn.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.layeranimation.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.migration.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.navigation.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.parallax.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.slideanims.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/rev-slider/js/extensions/revolution.extension.video.min.js"></script>
<!-- FAVICON -->
<link rel="shortcut icon" href="favicon.ico"/>
<!-- END FAVICON -->
</head>
<!-- END HEAD -->
<!-- BODY -->
<body>

<!-- WRAPPER -->
<div class="wrapper animsition"> 
  <!--========== HEADER TRANSPARENT ==========--> 
  {dede:include filename="head.htm"/} 
  <!--========== END HEADER TRANSPARENT ==========--> 
  
  <!--========== PROMO BLOCK V1 ==========-->
  <div class="rev_slider_wrapper fullwidthbanner-container" style="margin: 0 auto; background-color: #f7f8fa; padding: 0; color: #fff; margin-top: 0; margin-bottom: 0;">
    <div id="rev-slider1" class="rev_slider fullwidthabanner" style="display: none;">
      <ul>
        <!-- Slide -->
        <li data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="Creative People"> 
          <!-- Main Image --> 
          <img src="http://p022ygu5e.bkt.clouddn.com/1920x1080/05.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
          <!-- Layers -->
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-90']"
                        data-fontsize="['40','40','40','30']"
                        data-lineheight="['55','55','55','45']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> www.dede58.com </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','-0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                        data-fontsize="['110','110','110','55']"
                        data-lineheight="['130','130','130','75']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                        data-mask_in="x:0px;y:0px;"
                        data-mask_out="x:inherit;y:inherit;"
                        data-start="1000"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> 商务公司模板平台 </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','60']"
                        data-fontsize="['30','30','30','20']"
                        data-lineheight="['40','40','40','30']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="1500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; font-style: italic; white-space: nowrap;"> 商务公司致力于打造一个优秀的建站资源共享平台 </div>
          <div class="tp-caption"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['200','220','220','200']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="2000"
                        data-splitin="none"
                        data-splitout="none"
                        data-responsive_offset="on"
                        data-responsive="off"
                        style="z-index: 9; white-space: nowrap;">
            <button type="button" class="btn-white-bg btn-base-md radius-3">查看更多</button>
          </div>
        </li>
        <!-- End Slide --> 
        
        <!-- Slide -->
        <li data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="First Priority"> 
          <!-- Main Image --> 
          <img src="http://p022ygu5e.bkt.clouddn.com/1920x1080/02.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
          <!-- Layers -->
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-90']"
                        data-fontsize="['40','40','40','30']"
                        data-lineheight="['55','55','55','45']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> www.dede58.com </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                        data-fontsize="['110','110','110','55']"
                        data-lineheight="['130','130','130','75']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                        data-mask_in="x:0px;y:0px;"
                        data-mask_out="x:inherit;y:inherit;"
                        data-start="1000"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> 商务公司模板平台 </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','90']"
                        data-fontsize="['30','30','30','20']"
                        data-lineheight="['40','40','40','30']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="1500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; font-style: italic; white-space: nowrap;"> 商务公司致力于打造一个优秀的建站资源共享平台 </div>
          <div class="tp-caption"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['200','220','220','200']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="2000"
                        data-splitin="none"
                        data-splitout="none"
                        data-responsive_offset="on"
                        data-responsive="off"
                        style="z-index: 9; white-space: nowrap;">
            <button type="button" class="btn-white-bg btn-base-md radius-3">了解更多</button>
          </div>
        </li>
        <!-- End Slide --> 
        
        <!-- Slide -->
        <li data-transition="zoomin" data-slotamount="7" data-easein="Power4.easeInOut" data-easeout="Power4.easeInOut" data-masterspeed="2000" data-rotate="0" data-saveperformance="off" data-title="Join Us"> 
          <!-- Main Image --> 
          <img src="http://p022ygu5e.bkt.clouddn.com/1920x1080/07.jpg" alt="" data-bgposition="center center" data-kenburns="on" data-duration="10000" data-ease="Linear.easeNone" data-scalestart="100" data-scaleend="120" data-rotatestart="0" data-rotateend="0" data-offsetstart="0 -500" data-offsetend="0 500" data-bgparallax="10" class="rev-slidebg" data-no-retina>
          <!-- Layers -->
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-140','-140','-140','-90']"
                        data-fontsize="['40','40','40','30']"
                        data-lineheight="['55','55','55','45']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> www.dede58.com </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','-0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['-30','-30','-30','-15']"
                        data-fontsize="['110','110','110','55']"
                        data-lineheight="['130','130','130','75']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="z:0;rX:0deg;rY:0;rZ:0;sX:1.5;sY:1.5;skX:0;skY:0;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:[100%];s:1000;e:Power2.easeInOut;s:1000;e:Power2.easeInOut;"
                        data-mask_in="x:0px;y:0px;"
                        data-mask_out="x:inherit;y:inherit;"
                        data-start="1000"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; white-space: nowrap;"> 商务公司模板平台 </div>
          <div class="tp-caption tp-resizeme rs-parallaxlevel-0 color-white"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['80','80','80','60']"
                        data-fontsize="['30','30','30','20']"
                        data-lineheight="['40','40','40','30']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="1500"
                        data-splitin="none"
                        data-splitout="none"
                        data-basealign="slide"
                        data-responsive_offset="on"
                        style="z-index: 6; font-style: italic; white-space: nowrap;"> 商务公司致力于打造一个优秀的建站资源共享平台 </div>
          <div class="tp-caption"
                        data-x="['center','center','center','center']" data-hoffset="['0,'0','0','0']"
                        data-y="['middle','middle','middle','middle']" data-voffset="['200','220','220','200']"
                        data-width="none"
                        data-height="none"
                        data-whitespace="nowrap"
                        data-transform_idle="o:1;"
                        data-transform_in="y:50px;opacity:0;s:1500;e:Power3.easeInOut;"
                        data-transform_out="y:50px;opacity:0;s:1000;s:1000;"
                        data-start="2000"
                        data-splitin="none"
                        data-splitout="none"
                        data-responsive_offset="on"
                        data-responsive="off"
                        style="z-index: 9; white-space: nowrap;">
            <button type="button" class="btn-white-bg btn-base-md radius-3">查看更多</button>
          </div>
        </li>
        <!-- End Slide -->
      </ul>
      <div class="tp-bannertimer" style="height: 7px; background-color: rgba(255, 255, 255, 0.25);"></div>
    </div>
  </div>
  <!--========== END PROMO BLOCK V1 ==========-->
  <div class="full-width-container"> 
    <!-- Equal Height Interactive Banner -->
    <div class="equal-height-ib equal-height-ib-md-break equal-height-ib-700">
      <div class="row">
        <div class="col-md-6 col-md-push-6 no-space equal-height-ib-two equal-height-ib-one-700 equal-height-ib-md-height-auto"> 
          <!-- Vertical Center Align -->
          <div class="equal-height-ib-ver-center-align padding-50"> 
            <!-- Heading v1 -->
            <div class="heading-v1 margin-b-40">
              <h2 class="heading-v1-title">关于我们</h2>
              <p class="heading-v1-subtitle">www.dede58.com</p>
            </div>
            <!-- End Heading v1 -->
            
            <div class="margin-b-50">
              <p class="margin-b-20">商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。我们致力于打造一个优秀的建站资源共享学习平台。从零开始系统全面的教你如何建立一个属于自己的网站并实现盈利。课程涉及网站搭建，网站SEO，模板开发等最新建站技术。</p>
              <ul class="list-unstyled lists-base">
                <li><i class="lists-item-element fa fa-angle-right"></i> <a href="#">价值上万元独家建站资源提供下载</a></li>
                <li><i class="lists-item-element fa fa-angle-right"></i> <a href="#">行业口碑排名前茅，建站技术见证</a></li>
                <li><i class="lists-item-element fa fa-angle-right"></i> <a href="#">丰富的教程和视频，满足零基础学员需求</a></li>
              </ul>
            </div>
            <button type="button" class="btn-base-bg btn-base-sm radius-3">Read More</button>
          </div>
          <!-- End Vertical Center Align --> 
        </div>
        <div class="col-md-6 col-md-pull-6 no-space equal-height-ib-one equal-height-ib-two-700"> 
          <!-- Background Image -->
          <div class="equal-height-ib-bg-img bg-position-center-center"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/14.jpg" alt=""> </div>
          <div class="center-aligned-block text-center"> <span class="font-size-100 fweight-300 color-white wow zoomIn" data-wow-duration=".2" data-wow-delay=".1s">商务公司</span> </div>
          <!-- End Background Image --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
    <!-- End Equal Height Interactive Banner --> 
    
    <!-- Equal Height Interactive Banner -->
    <div class="equal-height-ib equal-height-ib-md-break equal-height-ib-700">
      <div class="row">
        <div class="col-md-6 no-space equal-height-ib-one equal-height-ib-one-700 equal-height-ib-md-height-auto"> 
          <!-- Vertical Center Align -->
          <div class="equal-height-ib-ver-center-align padding-50"> 
            <!-- Heading v1 -->
            <div class="heading-v1 margin-b-40">
              <h2 class="heading-v1-title">我们的服务</h2>
              <p class="heading-v1-subtitle">www.dede58.com</p>
            </div>
            <!-- End Heading v1 -->
            
            <div class="row margin-b-40 sm-margin-b-30">
              <div class="col-sm-6 sm-margin-b-30"> 
                <!-- End Icon Box v3 -->
                <div class="icon-box-v3"> <i class="icon-box-v3-icons icon-genius"></i>
                  <h3 class="icon-box-v3-title">网站模板</h3>
                  <p>商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。</p>
                </div>
                <!-- End Icon Box v3 --> 
              </div>
              <div class="col-sm-6"> 
                <!-- End Icon Box v3 -->
                <div class="icon-box-v3"> <i class="icon-box-v3-icons icon-clock"></i>
                  <h3 class="icon-box-v3-title">网站素材</h3>
                  <p>商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。</p>
                </div>
                <!-- End Icon Box v3 --> 
              </div>
            </div>
            <div class="row">
              <div class="col-sm-6 sm-margin-b-30"> 
                <!-- End Icon Box v3 -->
                <div class="icon-box-v3"> <i class="icon-box-v3-icons icon-browser"></i>
                  <h3 class="icon-box-v3-title">视频教程</h3>
                  <p>商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。</p>
                </div>
                <!-- End Icon Box v3 --> 
              </div>
              <div class="col-sm-6"> 
                <!-- End Icon Box v3 -->
                <div class="icon-box-v3"> <i class="icon-box-v3-icons icon-paintbrush"></i>
                  <h3 class="icon-box-v3-title">在线培训</h3>
                  <p>商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。</p>
                </div>
                <!-- End Icon Box v3 --> 
              </div>
            </div>
          </div>
          <!-- End Vertical Center Align --> 
        </div>
        <div class="col-md-6 no-space equal-height-ib-two equal-height-ib-two-700"> 
          <!-- Background Image -->
          <div class="equal-height-ib-bg-img bg-position-center-center"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/15.jpg" alt="">
            <div class="center-aligned-block text-center"> <span class="font-size-100 fweight-300 color-white wow zoomIn" data-wow-duration=".2" data-wow-delay=".1s">模板.</span> </div>
          </div>
          <!-- End Background Image --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
    <!-- End Equal Height Interactive Banner --> 
    
    <!-- Equal Height Interactive Banner -->
    <div class="equal-height-ib equal-height-ib-md-break equal-height-ib-700">
      <div class="row">
        <div class="col-md-6 col-md-push-6 no-space equal-height-ib-two equal-height-ib-one-700 equal-height-ib-md-height-auto"> 
          <!-- Vertical Center Align -->
          <div class="equal-height-ib-ver-center-align padding-50"> 
            <!-- Heading v1 -->
            <div class="heading-v1 margin-b-40">
              <h2 class="heading-v1-title">我们的技术</h2>
              <p class="heading-v1-subtitle">www.dede58.com</p>
            </div>
            <!-- End Heading v1 -->
            
            <div class="margin-b-40">
              <p>商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。我们致力于打造一个优秀的建站资源共享学习平台。从零开始系统全面的教你如何建立一个属于自己的网站并实现盈利。课程涉及网站搭建，网站SEO，模板开发等最新建站技术。</p>
            </div>
            
            <!-- Progress Box -->
            <div class="progress-box margin-b-10">
              <h4 class="progress-title">模板设计 <span class="pull-right">88%</span></h4>
              <div class="progress radius-0 progress-xs">
                <div class="progress-bar bg-color-dark" role="progressbar" data-width="88"></div>
              </div>
            </div>
            <!-- End Progress Box --> 
            
            <!-- Progress Box -->
            <div class="progress-box margin-b-10">
              <h4 class="progress-title">手机应用 <span class="pull-right">76%</span></h4>
              <div class="progress radius-0 progress-xs">
                <div class="progress-bar bg-color-dark" role="progressbar" data-width="76"></div>
              </div>
            </div>
            <!-- End Progress Box --> 
            
            <!-- Progress Box -->
            <div class="progress-box margin-b-10">
              <h4 class="progress-title">搜索优化 <span class="pull-right">97%</span></h4>
              <div class="progress radius-0 progress-xs">
                <div class="progress-bar bg-color-dark" role="progressbar" data-width="97"></div>
              </div>
            </div>
            <!-- End Progress Box --> 
            
            <!-- Progress Box -->
            <div class="progress-box margin-b-10">
              <h4 class="progress-title">运营推广 <span class="pull-right">88%</span></h4>
              <div class="progress radius-0 progress-xs">
                <div class="progress-bar bg-color-dark" role="progressbar" data-width="88"></div>
              </div>
            </div>
            <!-- End Progress Box --> 
            <!-- End Extra Small Pogress Bar --> 
          </div>
        </div>
        <div class="col-md-6 col-md-pull-6 no-space equal-height-ib-one equal-height-ib-two-700"> 
          <!-- Background Image -->
          <div class="equal-height-ib-bg-img bg-position-center-center"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/16.jpg" alt=""> </div>
          <div class="center-aligned-block text-center"> <span class="font-size-100 fweight-300 color-white wow zoomIn" data-wow-duration=".2" data-wow-delay=".1s">技术.</span> </div>
          <!-- End Background Image --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
    <!-- End Equal Height Interactive Banner --> 
    
    <!-- Equal Height Interactive Banner -->
    <div class="equal-height-ib equal-height-ib-md-break equal-height-ib-700">
      <div class="row">
        <div class="col-md-6 no-space equal-height-ib-one equal-height-ib-one-700 equal-height-ib-md-height-auto"> 
          <!-- Vertical Center Align -->
          <div class="equal-height-ib-ver-center-align padding-50"> 
            <!-- Heading v1 -->
            <div class="heading-v1 margin-b-40">
              <h2 class="heading-v1-title">在线培训</h2>
              <p class="heading-v1-subtitle">www.dede58.com</p>
            </div>
            <!-- End Heading v1 --> 
            
            <!-- Services v5 -->
            <div class="row margin-b-30">
              <div class="col-sm-6 sm-margin-b-30"> 
                <!-- Services v5 -->
                <div class="services-v5">
                  <div class="services-v5-wrap"> <span class="services-v5-no">01</span>
                    <h3 class="services-v5-body-title">第一阶段<br/>
                      预习</h3>
                  </div>
                  <p class="services-v5-text">观看商务公司学院里的网站建设视频课程，对网站建设流程有一个初步的了解。认识html语言，div+css布局等一些建站基础知识。</p>
                </div>
                <!-- End Services v5 --> 
              </div>
              <div class="col-sm-6"> 
                <!-- Services v5 -->
                <div class="services-v5">
                  <div class="services-v5-wrap"> <span class="services-v5-no">02</span>
                    <h3 class="services-v5-body-title">第二阶段<br/>
                      上课</h3>
                  </div>
                  <p class="services-v5-text">商务公司老师通过QQ群远程教学，全面系统的给大家讲解建站知识。内容涉及网站搭建，网站优化，模板开发等最新建站技术。</p>
                </div>
                <!-- End Services v5 --> 
              </div>
            </div>
            <!--// end row -->
            
            <div class="row">
              <div class="col-sm-6 sm-margin-b-30"> 
                <!-- Services v5 -->
                <div class="services-v5">
                  <div class="services-v5-wrap"> <span class="services-v5-no">03</span>
                    <h3 class="services-v5-body-title">第三阶段<br/>
                      实践</h3>
                  </div>
                  <p class="services-v5-text">自己搭建一个网站并开发一套模板，碰到不理解或不会的，可以咨询我们在线QQ辅导员，我们每天8小时在线提供顾问式指导。</p>
                </div>
                <!-- End Services v5 --> 
              </div>
              <div class="col-sm-6"> 
                <!-- Services v5 -->
                <div class="services-v5">
                  <div class="services-v5-wrap"> <span class="services-v5-no">04</span>
                    <h3 class="services-v5-body-title">第四阶段 <br/>
                      实站</h3>
                  </div>
                  <p class="services-v5-text">自己搭建一个网站并开发一套模板，碰到不理解或不会的，可以咨询我们在线QQ辅导员，我们每天8小时在线提供顾问式指导。</p>
                </div>
                <!-- End Services v5 --> 
              </div>
            </div>
            <!--// end row --> 
            <!-- End Services v5 --> 
          </div>
          <!-- End Vertical Center Align --> 
        </div>
        <div class="col-md-6 no-space equal-height-ib-two equal-height-ib-two-700"> 
          <!-- Background Image -->
          <div class="equal-height-ib-bg-img bg-position-center-center"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/44.jpg" alt="">
            <div class="center-aligned-block text-center"> <span class="font-size-100 fweight-300 color-white wow zoomIn" data-wow-duration=".2" data-wow-delay=".1s">培训.</span> </div>
          </div>
          <!-- End Background Image --> 
        </div>
      </div>
      <!--// end row --> 
    </div>
    <!-- End Equal Height Interactive Banner --> 
    
  </div>
  <!--========== END PAGE CONTENT ==========--> 
  
  <!--========== FOOTER V5 ==========-->
  <footer class="full-width-container"> 
    <!-- Footer v5 -->
    <div class="footer-v5 equal-height-ib">
      <div id="footer" class="row">
        <div class="col-sm-6 no-space equal-height-ib-one"> 
          <!-- Background Image -->
          <div class="equal-height-ib-bg-img bg-position-center-center"> <img class="img-responsive" src="http://p022ygu5e.bkt.clouddn.com/970x970/11.jpg" alt="">
            <div class="equal-height-ib-ver-center-align padding-50"> <span class="footer-v5-subtitle">www.dede58.com</span>
              <h2 class="footer-v5-title">在线留言反馈</h2>
              
              <!-- Comment Form -->
              <form id="comment-form" class="comment-form-error" action="/plus/diy.php" method="get">
                <input name="action" value="post" type="hidden">
                <input name="diyid" value="1" type="hidden">
                <input name="do" value="2" type="hidden">
                <div class="row">
                  <div class="col-md-6 margin-b-30">
                    <input type="text" class="form-control footer-v5-form" name="name" placeholder="姓名" required>
                  </div>
                  <div class="col-md-6 margin-b-30">
                    <input type="text" class="form-control footer-v5-form" name="phone" placeholder="电话" required>
                  </div>
                </div>
                <div class="margin-b-40">
                  <textarea class="form-control footer-v5-form" rows="3" name="con" placeholder="留言内容" required></textarea>
                </div>
                <input name="dede_fields" value="name,text;con,multitext;phone,text" type="hidden">
                <input name="dede_fieldshash" value="9a7f8a2ce94ae8f549d2af3577dc098d" type="hidden">
                <div class="center-block">
                  <input name="submit" value="提 交" class="btn-white-brd btn-base-md radius-3" type="submit">
                </div>
              </form>
              <!-- End Comment Form --> 
            </div>
          </div>
          <!-- End Background Image --> 
        </div>
        <div class="col-sm-6 no-space equal-height-ib-two equal-height-ib-sm-height-auto"> 
          <!-- Vertical Center Aligned -->
          <div class="equal-height-ib-ver-center-align padding-50">
            <h2 class="footer-v5-content-title margin-b-10">联系我们</h2>
            <span class="footer-v5-content-subtitle margin-b-20">www.dede58.com</span>
            <p class="footer-v5-content-text">商务公司专业提供网站模板，网页模板，教程培训，程序插件，网站素材等建站资源。我们致力于打造一个优秀的建站资源共享学习平台。从零开始系统全面的教你如何建立一个属于自己的网站并实现盈利。课程涉及网站搭建，网站SEO，模板开发等最新建站技术。</p>
            <ul class="list-unstyled footer-v5-list">
              <li class="footer-v5-list-item"> <i class="footer-v5-list-icon icon-map"></i> {dede:global.moke_adress/} </li>
              <li class="footer-v5-list-item"> <i class="footer-v5-list-icon icon-printer"></i> {dede:global.moke_phone/} </li>
              <li class="footer-v5-list-item"> <i class="footer-v5-list-icon icon-envelope"></i> <a class="footer-v5-list-link" href="mailto:{dede:global.moke_email/}">{dede:global.moke_email/}</a> </li>
            </ul>
          </div>
          <!-- End Vertical Center Aligned --> 
        </div>
      </div>
    </div>
    <!-- End Footer v5 --> 
    {dede:include filename="footer.htm"/} </footer>
  <!--========== END FOOTER V5 ==========--> 
</div>
<!-- END WRAPPER --> 

<!-- Sidebar Content Overlay -->
<div class="sidebar-content-overlay"></div>
<!-- End Sidebar Content Overlay --> 

<!-- Back To Top --> 
<a href="javascript:void(0);" class="js-back-to-top back-to-top-theme"></a> 
<!-- End Back To Top --> 

<!--========== JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) ==========--> 
<!-- CORE PLUGINS --> 
<!--[if lt IE 9]>
<script src="/dede58/plugins/html5shiv.js"></script>
<script src="/dede58/plugins/respond.min.js"></script>
<![endif]--> 
<!-- CORE PLUGINS --> 
<script type="text/javascript" src="/dede58/plugins/jquery.migrate.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/bootstrap/js/bootstrap.min.js"></script> 
<!-- END CORE PLUGINS --> 

<!-- PAGE LEVEL PLUGINS --> 
<script type="text/javascript" src="/dede58/plugins/jquery.back-to-top.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.smooth-scroll.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.animsition.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/scrollbar/jquery.mCustomScrollbar.concat.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.wow.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/dzsparallaxer/dzsparallaxer.js"></script> 
<script type="text/javascript" src="/dede58/plugins/owl-carousel/owl.carousel.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/validation/jquery.validate.min.js"></script> 
<script type="text/javascript" src="http://p022ygu5e.bkt.clouddn.com/js/waypoints.min.js"></script>
<script type="text/javascript" src="/dede58/plugins/counter/jquery.counterup.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/cubeportfolio/js/jquery.cubeportfolio.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.html5.video.vide.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.masonry.pkgd.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/jquery.imagesloaded.pkgd.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/validation/jquery.validate.min.js"></script> 
<script type="text/javascript" src="/dede58/plugins/magnific-popup/jquery.magnific-popup.min.js"></script> 
<!-- END PAGE LEVEL PLUGINS --> 

<!-- PAGE LEVEL SCRIPTS --> 
<script type="text/javascript" src="/dede58/scripts/app.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/header-sticky.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/animsition.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/scrollbar.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/form-modal.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/rev-slider.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/counters.js"></script> 
<script type="text/javascript" src="/dede58/scripts/portfolio/portfolio-4-col-fullwidth.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/owl-carousel.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/masonry.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/wow.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/comment-form.js"></script> 
<script type="text/javascript" src="/dede58/scripts/components/magnific-popup.js"></script> 
<!-- END PAGE LEVEL SCRIPTS --> 
<!--========== END JAVASCRIPTS ==========-->
</body>
<!-- END BODY -->

</html>
